<template>
  <div class="banner">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="bule">
      <van-swipe-item v-for="item in gallery" :key="item">
        <img :src="item" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>
 
<script setup>
import { defineProps } from 'vue'
defineProps(['gallery'])
</script>

<style scoped>
.banner {
  width: 100%;
  height: 30%;
  background-color: white;
  /* border: 1px solid #000; */
}
.my-swipe {
  /* border: 1px solid #0011ff; */
}
.van-swipe-item img {
  width: 100%;
  /* border: 1px solid #ff0000; */
}
</style>
